<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			/*
			注意这里的填写顺序
			1 先写20px
			2 以20px为边界，左边是地址族+bold
			3 右边是带引号的字体
			4 还有写行高
			
			不推荐这个简写，如果别人不知道这个顺序，维护起来很难
			行高=字体大小*1.5
			或者设置 line-height:1 表示行高等于字体大小的1倍
			*/
			div {
				font: italic bold 20px/30px "book antiqua";
				background: yellow;
			}

			/*如果有大量的p和span标签，最好这样设定行高*/
			p,
			span {
				line-height: 1.5;
			}
		</style>
	</head>
	<body>
		<!-- 关于“行高”，要看23课。很奇怪，居然看不下去 -->
		<div>
			啊啊啊啊啊啊 qqqq
		</div>
		<div>
			啊啊啊啊啊啊 qqqq
		</div>
		<p>
			<span>222222222222222222222</span>
			<br>
			<span>222222222222222222222</span>
			<br>
			<span>222222222222222222222</span>
			<br>
			<span>222222222222222222222</span>
		</p>
	</body>
</html>
